<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <title>添加页面</title>
</head>
<style>
    .sub{
        width: 60px;
        height: 50px;
        transition: width 2s;
    }
    .sub:hover{
        width: 120px;
    }
</style>
<body>
<form action="add-form-do" method="post" enctype= "multipart/form-data">
    {{csrf_field()}}
    <div class="form-inline">
        <label for="exampleInputEmail1">商品名称</label>
        <input type="text" class="form-control" name="goods_name" id="exampleInputEmail1" placeholder="请输入商品名称" required>
    </div>
    <div class="form-inline">
        <label for="exampleInputPassword1">商品价格</label>
        <input type="text" class="form-control" name="goods_price"
               id="exampleInputPassword1" placeholder="请输入商品价格" required>
    </div>
    <div class="form-inline">
        <label for="exampleInputFile">商品图片</label>
        <input type="file" id="exampleInputFile" name="goods_img" required>
    </div>
    <div class="form-inline">
        <label for="exampleInputPassword1">商品链接</label>
        <input type="text" class="form-control" name="goods_mags"
               id="exampleInputPassword1" placeholder="请输入商品链接" required>
    </div>
    <button type="submit" class="btn btn-default sub">保存</button>
</form>
</body>
</html>